<template>
	<!-- 简历详情 -->
	<view class="box">
		<view v-if="!loding">
		<!-- #ifdef MP-WEIXIN -->
		<view class="head" :style="'padding-top:'+statusBarHeight1+'px;padding-right:'+ (WXwidth + 15) +'px;height:' + (statusBarHeight1 + 44) + 'px'">
		<!-- #endif -->
		<!-- #ifndef MP-WEIXIN -->
		<view class="head" :style="'padding-top:'+(statusBarHeight1+10)+'px;height:' + (statusBarHeight1 + 54) + 'px'">
		<!-- #endif -->
			<view class="ve_image">
				<image class="fanhui" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" mode=""></image>
			</view>
			<view class="centers">
				投递简历
			</view>
			<view class="head_right"></view>
		</view>
		<!-- #ifdef MP-WEIXIN -->
		<view :style="'padding-top:'+statusBarHeight1+'px;height:' + (statusBarHeight1 + 44) + 'px;background-color: #64B6A8;'"></view>
		<!-- #endif -->
		<!-- #ifndef MP-WEIXIN -->
		<view :style="'padding-top:'+statusBarHeight1+'px;height:' + (statusBarHeight1 + 54) + 'px;background-color: #64B6A8;'"></view>
		<!-- #endif -->
		
		<view class="biographicalNotes">
			<!-- 使用已投递过的简历 -->
			<view class="toudi" @click='takeNotes()'>
				<view class="title">
					使用已投递过的简历
				</view>
				<image class="image" src="https://pic.bangbangtongcheng.com/static/bbzc/yitoudijianli.png" mode=""></image>
			</view>
			<!-- 个人信息 -->
			<view class="personal">
				<view class="title">
					<input type="text" v-model="data.resumeTitle" maxlength="35">
				</view>
				<view class="center">
					<view class="left">
						<view class="item"><span class='span'>姓名:</span>{{data.realName}}</view>
						<view class="item"><span class='span'>年龄:</span>{{data.age}}</view>
						<view class="item"><span class='span'>性别:</span>{{data.sexualDistinction == 1? '男':'女'}}</view>
						<view class="item"><span class='span'>学历:</span>{{data.highestEducation.split(' ')[0]}}</view>
					</view>
					<image class="image" :src="data.myPhoto" mode=""></image>
				</view>
				<view class="address"><span class='span'>地址:</span>{{data.homeAddress}}</view>
			</view>
			<!-- 教育经历 -->
			<view class="educationalExperience">
				<view class="title">
					教育经历:
				</view>
				<view class="iteam" v-for="(i,j) in data.graduationAcademy" :key="j">
					<view class="iteam_top">
						<view class="left">
							{{i.schoolName}}
						</view>
						<view class="right">
							<span class="nf_span">{{i.schoolHours}}</span>
							<view class="image"></view>
						</view>
					</view>
					<view class="iteam_bottom">
						{{data.highestEducation.split(' ')[0]}}·{{i.major}}
					</view>
				</view>
			</view>
			<!-- 工作经历 -->
			<view class="educationalExperience" >
				<view class="title" style="display: flex;align-items: center;justify-content: space-between;" @click="tiaozhuan(2)">
					<view class="">工作经历:</view>
					<image style="width: 38rpx;height: 38rpx;" src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_jia.png" mode=""></image>
				</view>
				<view class="iteam" v-for="(i,j) in workExperienceList" :key="j" @click="revisegzjl(i,j)">
					<view class="iteam_top">
						<view class="left">
							{{i.corporateName}}
						</view>
						<view class="right">
							<span class="nf_span">{{i.onJobTime.split('|').join('-')}}</span>
							<image @click.stop="removegzjl(j)" class="image" src="https://pic.bangbangtongcheng.com/static/bbzc/fbjl_jian.png" mode=""></image>
						</view>
					</view>
					<view class="iteam_bottom">
						{{i.positionName}}
					</view>
					<view class="gznr">
						工作内容：{{i.jobContent}}
					</view>
				</view>
			</view>
			<!-- 期望岗位 -->
			<view class="expectedPosition">
				<view class="title">
					期望岗位:
				</view>
				<view class="iteam" @click="positionCategory()">
					<view class="iteam_view">{{positionCategorys}}</view>
					<image class="image" src="https://pic.bangbangtongcheng.com/static/bbzc/jinali_you.png" mode=""></image>
				</view>
			</view>
			<!-- 期望薪资 -->
			<view class="salaryExpectation">
				<view class="title">
					期望薪资:
				</view>
				<view class="salary">
					<input class='input' @input="inputChage1" v-model='minimumWage' type="digit">
					<span style="margin: 0 16rpx;">至</span>
					<input class='input' @input="inputChage2" v-model='maximumSalary' type="digit">
				</view>
			</view>
			<!-- 个人优势 -->
			<view class="personalAdvantages">
				<view class="title" style="display: flex;align-items: center;justify-content: space-between;" @click="tiaozhuan(3)">
					<view class="">个人优势:</view>
					<image style="width: 45rpx;height: 45rpx;" src="https://pic.bangbangtongcheng.com/static/bbzc/personalAdvantages_bj.png" mode=""></image>
				</view>
				<view class="superiority">
					<view :class="zkgryxChage?'zhankai center':'center'">
						<text ref="introduceId">
							{{curriculumVitae.personalAdvantages}}
						</text>
					</view>
					<view class="zk" v-if="zhankai">
						<view class="zk_right" v-if="zkgryxChage" @click="zhankaiChage()">
							收起
							<image class="image" src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_gd_2.png" mode=""></image>
						</view>
						<view v-else class="zk_right" @click="zhankaiChage()">
							展开
							<image class="image" src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_gd.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<!-- 加分项 -->
			<view class="bonusItem" @click="tiaozhuan(4)">
				<view class="title" style="display: flex;align-items: center;justify-content: space-between;">
					<view class="">加分项:</view>
					<image style="width: 45rpx;height: 45rpx;" src="https://pic.bangbangtongcheng.com/static/bbzc/jinali_you.png" mode=""></image>
				</view>
				<view class="bonus">
					<!-- <view class="item" v-if="bonusItem.trainingExperience &&JSON.parse(bonusItem.trainingExperience).length !== 0">
						培训经历：
						<span v-for="(i,j) in JSON.parse(bonusItem.trainingExperience)" :key="j">{{i.trainingInstitutions }}{{i.trainingTime}}</span>
					</view> -->
					<view class="item" v-if="bonusItem.languageAbility &&JSON.parse(bonusItem.languageAbility).length !== 0">
						语言能力：
						<span v-for="(i,j) in JSON.parse(bonusItem.languageAbility)" :key="j">{{i.languages }}{{i.listeningSpeakingAbility}}</span>
					</view>
					<view class="item" v-if="bonusItem.qualification &&JSON.parse(bonusItem.qualification).length !== 0">
						资格证书：
						<span v-for="(i,j) in JSON.parse(bonusItem.qualification)" :key="j">{{i.certificateName }}</span>
					</view>
					<view class="item" v-if="bonusItem.professionalSkills &&JSON.parse(bonusItem.professionalSkills).length !== 0">
						专业技能：
						<span v-for="(i,j) in JSON.parse(bonusItem.professionalSkills)" :key="j">{{i.skillName}}{{i.mastery}}</span>
					</view>
				</view>
			</view>
			<!-- 给企业留言 -->
			<view class="departure">
				<view class="title">
					给企业留言:
				</view>
				<view class="kuan">
					<textarea class="textarea" auto-height maxlength="300" v-model="reportContent"
						placeholder="您可以在此处给企业留言" />
					<span class="numberWords">{{reportContent.length}}/300</span>
				</view>
			</view>
			<!-- 个人作品 -->
			<view class="personalWorks" v-if="bonusItem.personalWorks">
				<view class="title">
					个人作品
				</view>
				<view class="grzp_s">
					<image v-for="(i,j) in bonusItem.personalWorks.split('|')" :key="j" class="image" :src="i" mode="aspectFill"></image>
				</view>
			</view>
			<!-- <view class="resumeTemplate">
				<image class="image" src="https://pic.bangbangtongcheng.com/static/bbzc/jianlimoban.png" mode=""></image>
				<view class="span">
					使用<span style="color: #64B6A8;" @click='resumeTemplateDetail()'>简历模板</span>让你的简历更加出众
				</view>
			</view> -->
			<view class="toudis" @click="deliverClick()">
				投递
			</view>
			<view class="disclaimer">
				{{disclaimers}}
			</view>
		</view>
		<uniBall></uniBall>
		</view>
		<dLoading v-if="loding"></dLoading>
	</view>
</template>

<script>
	import permision from "@/js_sdk/wa-permission/permission.js"
	import {
		mapGetters
	} from "vuex";
	let statusBarHeight;
	//#ifdef H5
	import wxshare from "../../utils/index.js";
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44;
	//#endif
	// #ifdef APP-PLUS
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44;
	//  #endif
	// #ifdef MP-WEIXIN
	statusBarHeight = 106;
	//  #endif
	export default {
		data() {
			return {
				userInfo: uni.getStorageSync("Pduser"),
				statusBarHeight,
				WXwidth:'',
				zkgryxChage:false,
				zhankai:false,
				disclaimers:"",
				id:'',
				data:{},
				loding: true,
				minimumWage:'',
				maximumSalary:'',
				workExperienceList:[],
				bonusItem:{},
				curriculumVitae:{
					personalAdvantages:''
				},
				positionCategorys:'',
				reportContent:'',
				anti_shake:false,
				userId:'',
				index:'',
				status:'',
				ids:'',
				// 简历模板
				resumeTemplate:{
					enclosureWord:'',
					enclosurePdf:'',
					pictureAttachment:'',
				}
			};
		},

		computed: {
			...mapGetters(["statusBarHeight1", "userinfo"]),
		},
		onShow() {
				console.log(this.bonusItem)
		},
		async onLoad(option) {
			// #ifdef MP-WEIXIN
			// 获取胶囊信息
			let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
			let getWindowInfo = uni.getWindowInfo().screenWidth
			this.WXwidth=getWindowInfo - (menuButtonInfo.right - menuButtonInfo.width)
			// #endif
			this.Disclaimers()
			if(option.userId){
				this.userId = option.userId
				this.id = option.id
				this.index = option.index
				this.status = option.status
				if(option.ids){
					this.ids = option.ids
				}
			}
			this.getData()
			/* #ifdef H5 */
			this.jinzhi();
			/* #endif */
		},
		methods: {
			takeNotes(){
				uni.navigateTo({
					url: "/pages_recruitMoney/submitResume/resumeRecord?userId=" + this.data.userInformation.id +'&status=1&id='+this.id
				});
			},
			resumeTemplateDetail(){
				let datas = JSON.parse(JSON.stringify(this.data))
				if (datas.graduationAcademy.length && datas.graduationAcademy.length != '[]'){
					datas.graduationAcademy = JSON.stringify(datas.graduationAcademy)
				}
				if (datas.workExperience.length && datas.workExperience.length != '[]'){
					datas.workExperience = JSON.stringify(datas.workExperience)
				}
				// datas.bonusItem = JSON.stringify(datas.bonusItem)
				uni.setStorageSync('JLMB_key', datas);
				uni.navigateTo({
					url: "/pages_recruitMoney/resume/resumeTemplate",
				});
			},
			// 免责声明
			Disclaimers(){
				this.$myRequest.get("/api/mobile/public/getDisclaimersByDisclaimerLocation", {
					disclaimerLocation:"12"
				}).then(res => {
					this.disclaimers=res.Disclaimers.disclaimerContent
				});
			},
			// 获取简历详情
			getData(){
				let that = this
				if(this.index == 1){
					this.$myRequest.get("/api/mobile/personnelOwner/getResumeDetails", {
						publisherId:this.userInfo.id,
					}).then(res => {
						res.biographicalNotesDetails.graduationAcademy = JSON.parse(res.biographicalNotesDetails.graduationAcademy)
						this.workExperienceList = JSON.parse(res.biographicalNotesDetails.workExperience)
						this.bonusItem = JSON.parse(res.biographicalNotesDetails.bonusItem)
						console.log(this.bonusItem,"接口")
						this.curriculumVitae.personalAdvantages = res.biographicalNotesDetails.personalAdvantages
						this.positionCategorys = res.biographicalNotesDetails.intendedPosition
						this.minimumWage = res.biographicalNotesDetails.salaryExpectation.split('-')[0]
						this.maximumSalary = res.biographicalNotesDetails.salaryExpectation.split('-')[1]
						this.resumeTemplate.enclosureWord = res.biographicalNotesDetails.enclosureWord
						this.resumeTemplate.enclosurePdf = res.biographicalNotesDetails.enclosurePdf
						this.resumeTemplate.pictureAttachment = res.biographicalNotesDetails.pictureAttachment
						this.data=res.biographicalNotesDetails
						that.$nextTick(() => {
							setTimeout(() => {
								this.loding = false
								this.getHeight()
							}, 1000)
						})
					});
				}else{
					this.$myRequest.get("/api/mobile/personnelOwner/getResumeDeliveryRecordDetails", {
						id:this.ids
					}).then(res => {
						res.resumeDeliveryRecordDetails.graduationAcademy = JSON.parse(res.resumeDeliveryRecordDetails.graduationAcademy)
						this.reportContent=res.resumeDeliveryRecordDetails.remarks
						this.workExperienceList = JSON.parse(res.resumeDeliveryRecordDetails.workExperience)
						this.bonusItem = JSON.parse(res.resumeDeliveryRecordDetails.bonusItem)
						this.curriculumVitae.personalAdvantages = res.resumeDeliveryRecordDetails.personalAdvantages
						this.positionCategorys = res.resumeDeliveryRecordDetails.intendedPosition
						this.minimumWage = res.resumeDeliveryRecordDetails.salaryExpectation.split('-')[0]
						this.maximumSalary = res.resumeDeliveryRecordDetails.salaryExpectation.split('-')[1]
						this.resumeTemplate.enclosureWord = res.resumeDeliveryRecordDetails.enclosureWord
						this.resumeTemplate.enclosurePdf = res.resumeDeliveryRecordDetails.enclosurePdf
						this.resumeTemplate.pictureAttachment = res.resumeDeliveryRecordDetails.pictureAttachment
						this.data=res.resumeDeliveryRecordDetails
						that.$nextTick(() => {
							setTimeout(() => {
								this.loding = false
								this.getHeight()
							}, 1000)
						})
					});
				}
			},
			positionCategory(){
				uni.navigateTo({
					url:"/pages_recruitMoney/publish/more/position?index=1"
				})
			},
			// 跳转数据填写页
			tiaozhuan(index){
				if(index===2){
					// 填写工作经历
					uni.navigateTo({
						url:"/pages_recruitMoney/publish/more/workExperience"
					})
				}else if(index===3){
					// 填写个人优势
					uni.setStorageSync('grys_key', this.curriculumVitae.personalAdvantages);
					uni.navigateTo({
						url:"/pages_recruitMoney/publish/more/personalAdvantages"
					})
				}else if(index===4){
					// 填写加分项
					uni.setStorageSync('jfx_key', this.bonusItem);
					uni.navigateTo({
						url:"/pages_recruitMoney/publish/more/bonusItem"
					})
				}
			},
			// 处理工作经历数据
			revisegzjl(i,j){
				uni.setStorageSync('gzjl_key', i);
				uni.navigateTo({
					url:"/pages_recruitMoney/publish/more/workExperience?index=" + j
				})
			},
			removegzjl(index){
				let that = this
				uni.showModal({
					title: '提示',
					content: '是否移除该内容！',
					success: function (res) {
						if (res.confirm) {
							that.workExperienceList.splice(index,1)
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			deliverClick(){
				let that = this;
				if (this.anti_shake) {
					return false
				}
				var status = true;
				let datas = JSON.parse(JSON.stringify(this.data))
				delete datas.id
				delete datas.auditTime
				datas.recipient=this.userId
				datas.resumeId = this.id
				datas.deliverer=that.userInfo.id
				if (datas.resumeTitle == '') {
					uni.showToast({
						title: "请填写简历标题",
						icon: "none",
						mask: true,
					});
					status = false;
					return false
				}
				datas.intendedPosition =this.positionCategorys
				if(this.minimumWage == ''){
					uni.showToast({
						title: "请填写最低薪资",
						icon: "none",
						mask: true,
					});
					status = false;
					return false
				}else{
					if(this.maximumSalary != '' && (Number(this.minimumWage) > Number(this.maximumSalary))){
						uni.showToast({
							title: "最低薪资不能大于最高薪资",
							icon: "none",
							mask: true,
						});
						status = false;
						return false
					}
				}
				datas.enclosureWord = this.resumeTemplate.enclosureWord
				datas.enclosurePdf = this.resumeTemplate.enclosurePdf
				datas.pictureAttachment = this.resumeTemplate.pictureAttachment
				datas.graduationAcademy = JSON.stringify(datas.graduationAcademy)
				this.curriculumVitae.personalAdvantages && (datas.personalAdvantages = this.curriculumVitae.personalAdvantages)
				datas.remarks = this.reportContent
				datas.workExperience = JSON.stringify(that.workExperienceList)
				datas.salaryExpectation =this.maximumSalary?this.minimumWage + '-' + this.maximumSalary:this.minimumWage
				datas.bonusItem = JSON.stringify(that.bonusItem)
				if (status) {
					this.anti_shake=true
					this.$myRequest.post("/api/mobile/personnelOwner/sendResume", datas).then((res) => {
						if (res.code == 200) {
							uni.showToast({
								title: res.msg,
								icon: "none",
								mask: true,
							});
							this.anti_shake=false
							if(res.msg == '今日已投递过该岗位，请明日重试！'){
								return
							}
							setTimeout(()=>{
								if(this.status == 1){
									uni.redirectTo({
										url:"/pages_recruitMoney/recruitmentDetails/fullTime?id=" + this.id
									})
								}else {
									uni.redirectTo({
										url:"/pages_recruitMoney/recruitmentDetails/concurrently?id=" + this.id
									})
								}
							},500)
						}
					});
				}
			},
			// 获取高度
			getHeight(){
				this.$nextTick(() => {
					let $es=this.$refs.introduceId
					let height = $es.$el.offsetHeight
					if(height > 50){
						this.zhankai=true
					}
				})
			},
			// 展开个人优势
			zhankaiChage(){
				this.zkgryxChage=!this.zkgryxChage
			},
			jinzhi() {
				let _this = this;
				let param = window.location.href.split("#")[0];
				uni.request({
					method: "post",
					data: {
						url: param
					},
					header: {
						"content-type": "application/x-www-form-urlencoded",
					},
					url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
					success(re) {
						_this.jinzhifx(re.data);
					},
				});
			},
			jinzhifx(data) {
				wxshare.config({
					debug: false, //是否打开调试
					appId: data.appId, // 公众号的唯一标识
					timestamp: data.timestamp, // 生成签名的时间戳
					nonceStr: data.nonce, // ，生成签名的随机串
					signature: data.signature, // 签名
					jsApiList: ["hideMenuItems"],
				});
				// 禁止分享
				wxshare.hideMenuItems({
					// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
					menuList: [
						"menuItem:share:appMessage",
						"menuItem:share:timeline",
						"menuItem:share:timeline",
						"menuItem:share:qq",
						"menuItem:favorite",
						"menuItem:share:QZone",
						"menuItem:openWithSafari",
					],
				});
			},
			fanhui() {
				uni.navigateBack({
					delta: 1
				});
			},
			// 金额校验
			inputChage1(e) {
				let length = 6;
				// 数值中转
				let temp = e.target.value;
				//  正则限制 3.. 以及 3.3.3的情况
				if(temp){
					temp = temp
						.replace(/[^0-9.]|^\.|\.{2,}/g, "")
						.replace(".", "$#$")
						.replace(/\./g, "")
						.replace("$#$", ".");
					const point = temp.split(".");
					let decimals; // 整数部分
					let positiveInteger; // 小数部分
					// 先处理整数部分
					if (point[0]) {
						decimals =
							point[0].length > length ? point[0].slice(0, length) : point[0];
					}
					if (point[0].length > 1 && point[0].slice(0, 1) == "0") {
						decimals = point[0].slice(1, 2)
					}
					//  处理小数部分
					if (temp.includes(".")) {
						positiveInteger =
							point[1].length > 2 ? point[1].slice(0, 2) : point[1];
						temp = positiveInteger ?
							`${decimals}.${positiveInteger}` :
							`${decimals}.`;
					} else {
						temp = decimals;
					}
				}
				this.$nextTick(function() {
					this.minimumWage = temp;
				})
			},
			inputChage2(e) {
				let length = 6;
				// 数值中转
				let temp = e.target.value;
				//  正则限制 3.. 以及 3.3.3的情况
				if(temp){
					temp = temp
						.replace(/[^0-9.]|^\.|\.{2,}/g, "")
						.replace(".", "$#$")
						.replace(/\./g, "")
						.replace("$#$", ".");
					const point = temp.split(".");
					let decimals; // 整数部分
					let positiveInteger; // 小数部分
					// 先处理整数部分
					if (point[0]) {
						decimals =
							point[0].length > length ? point[0].slice(0, length) : point[0];
					}
					if (point[0].length > 1 && point[0].slice(0, 1) == "0") {
						decimals = point[0].slice(1, 2)
					}
					//  处理小数部分
					if (temp.includes(".")) {
						positiveInteger =
							point[1].length > 2 ? point[1].slice(0, 2) : point[1];
						temp = positiveInteger ?
							`${decimals}.${positiveInteger}` :
							`${decimals}.`;
					} else {
						temp = decimals;
					}
				}
				this.$nextTick(function() {
					this.maximumSalary= temp;
				})
			},
		},
	};
</script>

<style lang="less" scoped>
	.box {
		width: 100%;
		min-height: 100vh;
		padding-bottom: 30rpx;
		background-color: #fff;
	}
	
	.head {
		position: fixed;
		top: 0;
		left: 0;
		width: 750rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 15px;
		background-color: #64B6A8;
		z-index: 1000;
		.ve_image{
			width: 150rpx;
			display: flex;
			align-items: center;
			.fanhui {
				width: 40rpx;
				height: 40rpx;
			}
		}
	
		.centers {
			font-size: 36rpx;
			font-weight: 400;
			color: #FFFFFF;
		}
	
		.head_right {
			width: 150rpx;
			font-size: 30rpx;
			font-weight: 400;
			color: #FFFFFF;
			display: flex;
			align-items: center;
		}
	}
	.biographicalNotes{
		padding: 0 30rpx;
		.toudi{
			height: 90rpx;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			.title{
				font-size: 30rpx;
				font-weight: 400;
				color: #64B6A8;
			}
			.image{
				width: 36rpx;
				height: 36rpx;
			}
		}
		.personal{
			padding-bottom: 40rpx;
			border-bottom: 1px solid #E0E0E0;
			.title{
				padding: 14rpx 0;
				border-bottom: 1px solid #999999;
				font-size: 34rpx;
				font-weight: 600;
				color: #000000;
				margin-bottom: 30rpx;
			}
			.center{
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 190rpx;
				.left{
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					.item{
						font-size: 30rpx;
						font-weight: 600;
						color: #333333;
					}
				}
				.image{
					margin-left: 30rpx;
					width: 160rpx;
					height: 160rpx;
					border-radius: 160rpx;
				}
			}
			.span{
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;
				margin-right: 10rpx;
			}
			.address{
				font-size: 30rpx;
				font-weight: 600;
				color: #333333;
			}
		}
		.educationalExperience{
			padding: 40rpx 0;
			border-bottom: 1px solid #E0E0E0;
			.title{
				font-size: 28rpx;
				font-weight: 550;
				color: #333333;
			}
			.iteam{
				margin-top: 20rpx;
				.iteam_top{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 10rpx;
					.left{
						font-size: 30rpx;
						font-weight: 600;
						color: #333333;
					}
					.right{
						display: flex;
						align-items: center;
						.nf_span{
							font-size: 30rpx;
							font-weight: 600;
							color: #888888;
						}
						.image{
							width: 38rpx;
							height: 38rpx;
							margin-left: 20rpx;
						}
					}
				}
				.iteam_bottom{
					font-size: 24rpx;
					font-weight: 400;
					color: #333333
				}
				.gznr{
					font-size: 24rpx;
					font-weight: 400;
					color: #333333;
					margin-top: 10rpx;
				}
			}
		}
		.expectedPosition{
			padding: 40rpx 0;
			border-bottom: 1px solid #E0E0E0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.title{
				font-size: 28rpx;
				font-weight: 550;
				color: #333333;
			}
			.iteam{
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				.iteam_view{
					font-size: 30rpx;
					font-weight: 600;
					color: #888888;
				}
				.image{
					width: 36rpx;
					height: 36rpx;
					margin-left: 20rpx;
				}
			}
		}
		.salaryExpectation{
			padding: 40rpx 0;
			border-bottom: 1px solid #E0E0E0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.title{
				font-size: 28rpx;
				font-weight: 550;
				color: #333333;
			}
			.salary{
				display: flex;
				align-items: center;
				font-size: 34rpx;
				font-weight: normal;
				color: #333333;
				.input{
					width: 190rpx;
					height: 60rpx;
					background-color: #FFFFFF;
					border-radius: 8rpx;
					border: 1px solid #999999;
					padding: 0 10rpx;
				}
			}
		}
		.personalAdvantages{
			padding: 40rpx 0;
			border-bottom: 1px solid #E0E0E0;
			.title{
				font-size: 28rpx;
				font-weight: 550;
				color: #333333;
			}
			.superiority{
				.center{
					width: 100%;
					max-height: 50px;
					font-size: 24rpx;
					font-weight: 400;
					color: #333333;
					overflow: hidden;
				}
				.zhankai{
					max-height: none;
				}
				.zk{
					display: flex;
					align-items: center;
					justify-content: flex-end;
					.zk_right{
						display: flex;
						align-items: center;
						font-size: 24rpx;
						font-weight: 400;
						color: #64B6A8;
						.image{
							width: 22rpx;
							height: 22rpx;
						}
					}
				}
			}
		}
		.bonusItem{
			padding: 40rpx 0;
			border-bottom: 1px solid #E0E0E0;
			.title{
				font-size: 28rpx;
				font-weight: 550;
				color: #333333;
			}
			.bonus{
				margin-top: 20rpx;
				.item{
					font-size: 24rpx;
					font-weight: 400;
					color: #333333;
					margin-bottom: 10rpx;
				}
			}
		}
		.departure{
			padding: 40rpx 0;
			.title{
				font-size: 28rpx;
				font-weight: 550;
				color: #333333;
			}
			.kuan {
				width: 670rpx;
				min-height: 200rpx;
				margin-top: 40rpx;
				border: 1px solid #c9c9c9;
				position: relative;
				.textarea {
					min-height: 180rpx;
					width: 620rpx;
					margin-left: 24rpx;
					margin-top: 14rpx;
					line-height: 50rpx;
					letter-spacing: 2rpx;
					padding-bottom: 50rpx;
					font-size: 24rpx;
				}
				.numberWords{
					position: absolute;
					bottom: 10rpx;
					right:10rpx;
					color: #64B6A8;
					font-size: 24rpx;
				}
			}
		}
		.personalWorks{
			padding: 40rpx 0;
			.title{
				font-size: 28rpx;
				font-weight: 550;
				color: #000000;
			}
			.grzp_s{
				.image{
					width: 200rpx;
					height: 200rpx;
					border-radius: 8rpx;
					margin-top: 20rpx;
					margin-right: 45rpx;
				}
				.image:nth-child(3n){
					margin-right: 0;
				}
			}
			.gend{
				display: flex;
				align-items: center;
				justify-content: flex-end;
				.rights{
					font-size: 24rpx;
					font-weight: 400;
					color: #64B6A8;
				}
			}
		}
		.resumeTemplate{
			padding: 40rpx 0;
			display: flex;
			align-items: center;
			.image{
				width: 24rpx;
				height: 24rpx;
			}
			.span{
				font-size: 26rpx;
				font-weight: normal;
				color: #999999;
			}
		}
		.toudis{
			width: 670rpx;
			height: 105rpx;
			background-color: #64B6A8;
			border-radius: 12rpx;
			margin:0 auto;
			font-size: 34rpx;
			font-weight: 400;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.disclaimer{
			font-size: 24rpx;
			font-weight: 400;
			color: #989898;
			line-height: 40rpx;
		}
	}
</style>